<template>
    <div>
        <Top1 :titletext="out" :backpage="ao"></Top1>
        <Bottomnav></Bottomnav>
        <div class="main">
            <div class="title">
                <div class="portrait"><img src="../../../images/IMG_BANNER_3.png" alt=""></div>
                <div class="msg">
                    <h1>Another</h1>
                    <p>2月1日5: 21</p>
                    <p>217粉丝</p>
                </div> 
            </div>
            <div class="img"><img src="../../../images/IMG_huodongtuijian_1.png" alt=""></div>
            <p class="inner">美丽的一天</p>
        </div>


        <div class="content">
            <div class="meassage">
                <div class="img"><div class="data">9天前</div><img src="../../../images/Icon_wpfaqidejindian_clock.png" alt=""></div>
                <div class="img"><div class="data">9天前</div><img src="../../../images/Icon_wpfaqidejindian_clock.png" alt=""></div>
            </div>

            <div class="msg">
                <div class="img"><div class="data">9天前</div><img src="../../../images/Icon_wpfaqidejindian_clock.png" alt=""></div>
                <div class="img"><div class="data">9天前</div><img src="../../../images/Icon_wpfaqidejindian_clock.png" alt=""></div>
            </div>
        </div>


        <div class="wrap">
            <div class="advices">
                <div class="img"><img src="../../../images/IMG_gerenziliao_1.png" alt=""></div>
                <span>22分钟前</span><h1>丙儿</h1>
                <p>大爱楼主推荐,赞赞赞!</p>
            </div>
        </div>
        <div class="wrap">
            <div class="advices">
                <div class="img"><img src="../../../images/IMG_gerenziliao_1.png" alt=""></div>
                <span>22分钟前</span><h1>丙儿</h1>
                <p>大爱楼主推荐,赞赞赞!</p>
            </div>
        </div>
        
        

        
    </div>
</template>
<script>
    import Top1 from "../../../components/top1"
    import Bottomnav from "../../../components/bottomnav"
    export default {
    name:'SponsorEnter',
    data(){
        return{
            out:'',
            ao:'sponsor'
            
        }
    },
    components:{
        Top1,
        Bottomnav
    }
    }
</script>
<style lang="less" scoped>
.main{
  width:714/75rem;
  height:536/75rem;
  // border:solid 1px black; 
  border-radius:16/75rem;
  box-shadow:0 0 25px #dfdfdf;
  background:#fff;
  margin:0 auto;
  position:relative;

  .title{
      width:100%;
      height:142/75rem;
      
  }

  .portrait{
    //   float:left;
    position:absolute;
    top:-20/75rem;
    left:20/75rem;
    img{
        width:142/75rem;
        height:142/75rem;
    }
  }
  .msg{
      font-size:20/75rem;
      margin-left:200/75rem;
    //   float:left;
    h1{
        font-size:22/75rem;
        padding:22/75rem 0;
    }
    p{
        line-height:28/75rem;
    }
  }

  .img{
      width:674/75rem;
      height:334/75rem;
      margin:0 auto;
      img{
          width:100%;
          height:334/75rem;
      }
  }

  .inner{
      font-size:22/75rem;
      margin: 18/75rem 20/75rem;;
  }
}


.content{
    width:714/75rem;
    margin: 0 auto;
    margin-top:20/75rem;    
    padding-bottom:20/75rem;
    // .message{
    //     width:300/75rem;
    //     height:30/75rem;
    // }
    .msg{
        position:absolute;
        right:10/75rem;
    }

    .img{
        width:80/75rem;
        height:30/75rem;
        float:left;
        font-size:16/75rem;
        position:relative;
    }

    .data{
        position:absolute;
        top:2/75rem;
        left:22/75rem;
    }
}
.wrap{
    margin-top:20/75rem;
}
.advices{
    width:714/75rem;
    height:82/75rem;
    margin:0 auto;
    // background:red;

    .img{
        width:82/75rem;
        height:85/75rem;
        float:left;
        margin-right:32/75rem;
        img{
            width:82/75rem;
            height:85/75rem;
        }
    }

    h1{
        padding-top:8/75rem;
        font-size:22/75rem;
    }
    span{
        font-size:16px;
        color:#949494;
        float:right;
        margin-right:12/75rem;
        padding-top:4/75rem;
    }
    p{
        font-size:18/75rem;
        padding-top:34/75rem;
        padding-left:32/75rem;
    }
}
</style>